/*
import _ from 'lodash'
import './testCss.css'
import './testSass.sass'
import './testScss.scss'
import './testStylus.styl'

let dom=document.createElement('div');
dom.innerHTML=_.join(['Hello', 'My', 'World'],' ')
dom.classList.add('test_css')
dom.classList.add('test_sass')
dom.classList.add('test_scss')
dom.classList.add('test_stylus')

document.body.appendChild(dom);
//*/

/*
import csswhat from 'css-what'
let css= csswhat('foo[bar]:baz')
console.log(css)
document.body.appendChild(css)
//*/

/* 测试 commonJS 的引入方式 OK
var thisModule=require('./thisModule')
console.log('in main.js:')
console.log(thisModule);
console.log('thisModule.af(7,8):'+thisModule.af(7,8));
console.log('thisModule.f(9):'+thisModule.f(9));
console.log('thisModule.foo:'+thisModule.foo);
console.log('thisModule.bar(9999):'+thisModule.bar(999));
//*/

//* 测试 ES6 的引入方式 OK
import $ from 'jquery'
import thisModule, {a, date, bar} from './thisModule'
console.log(thisModule);

$('#app')
    .append('<h2>import thisModule, {a, date, bar} from \'./thisModule\'</h2>')
    .append('<h3>按 F12 可以查看 thisModule 的值</h3>')

    .append('thisModule.af(7,8): '+thisModule.af(7,8)).append('\n')
    .append('thisModule.f(9): '+thisModule.f(9)).append('\n')
    .append('thisModule.foo: '+thisModule.foo).append('\n')
    .append('thisModule.bar(9999): '+thisModule.bar(999)).append('\n').append('\n')

    .append(['a', 'date', 'bar("Hello World")', 'thisModule.foo','它们的打印结果如下<br>'].join(':\t\t'))
    .append([a, date, bar("Hello World"), thisModule.foo].join('、\t\t'))

//*/